export const ComponentIcon = () => (
  <svg viewBox="0 0 1024 1024" width="1em" height="1em" style={{ fill: 'currentcolor' }}>
    <path d="M307.2 486.4V194.56c0-23.04 17.92-40.96 40.96-40.96h478.72c25.6 0 43.52 17.92 43.52 40.96v478.72c0 23.04-17.92 40.96-40.96 40.96h-158.72l-227.84-386.56c-2.56-2.56-5.12-7.68-10.24-10.24-12.8-7.68-28.16-2.56-35.84 10.24L307.2 486.4z" />
    <path
      d="M445.44 448l243.2 417.28c7.68 12.8 2.56 28.16-10.24 35.84-5.12 2.56-7.68 2.56-12.8 2.56H179.2c-15.36 0-25.6-10.24-25.6-25.6 0-5.12 0-10.24 2.56-12.8l243.2-417.28c7.68-12.8 23.04-15.36 35.84-10.24 5.12 2.56 7.68 5.12 10.24 10.24z"
      fill="#A9CFFF"
      style={{ opacity: 0.36 }}
    />
  </svg>
);

export const LayerIcon = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    style={{ fill: 'currentcolor' }}
  >
    <path
      d="M510.464 625.152c-7.168 0-13.824-2.048-19.968-6.144L113.664 365.568c-10.24-6.656-15.872-18.432-15.872-30.208 0-12.288 6.656-23.552 16.896-29.696l382.976-239.616c11.776-7.168 26.624-7.168 37.888 0l374.784 234.496c10.24 6.656 16.384 17.408 16.896 29.696 0 12.288-5.632 23.552-15.872 30.208L530.432 619.52c-6.144 3.584-13.312 5.632-19.968 5.632zM199.168 336.896l310.784 209.408 315.392-214.528L516.608 138.24l-317.44 198.656z"
      fill="#A9CFFF"
      style={{ opacity: 0.36 }}
    />
    <path d="M508.416 807.936c-7.168 0-14.336-2.048-19.968-6.144L61.44 509.952c-16.384-11.264-20.48-33.28-9.216-49.664 11.264-16.384 33.28-20.48 49.664-9.216l406.528 277.504L919.552 445.44c16.384-11.264 38.4-7.168 49.664 9.216 11.264 16.384 7.168 38.4-9.216 49.664l-431.616 297.472c-5.632 3.584-12.8 6.144-19.968 6.144z" />
    <path
      d="M506.88 982.016c-7.168 0-14.336-2.048-19.968-6.144l-427.008-291.328c-16.384-11.264-20.48-33.28-9.216-49.664 11.264-16.384 33.28-20.48 49.664-9.216L506.88 903.168l411.136-283.136c16.384-11.264 38.4-7.168 49.664 9.216 11.264 16.384 7.168 38.4-9.216 49.664l-431.104 296.96c-6.144 4.096-13.312 6.144-20.48 6.144z"
      fill="#A9CFFF"
      style={{ opacity: 0.36 }}
    />
  </svg>
);
